<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新浪微博导航界面</title>
    <link rel="stylesheet" href="imges.css" type="text/css">
</head>
<body>
   
    <header>
         <h1>新浪导航页</h1>
    </header>
    <section class="main">
        <div class="center-nav">
            <ul>
                <li class="item">
            <img src="./img/baidu.png" alt=""><br/>百度
                </li>
                <li class="item">
                    <img src="./img/fwangyi.png" alt=""><br/>网易
                </li>
                <li class="item">
                    <img src="./img/fsina.png" alt=""><br/>新浪
                </li>
                <li class="item">
                    <img src="./img/ftaobao.png" alt=""><br/>爱淘宝
                </li>
                <li class="item">
                    <img src="./img/ftianmao.png" alt=""><br/>天猫
                </li>
                <li class="item">
                    <img src="./img/f58.png" alt=""><br/>招聘
                </li>
                <li class="item">
                    <img src="./img/ftrip.png" alt=""><br/>携程
                </li>
                <li class="item">
                    <img src="./img/fshop.png" alt=""><br/>我买网
                </li>
                <li class="item">
                    <img src="./img/hotel.png" alt=""><br/>折800
                </li>
                <li class="item">
                    <img src="./img/hotel.png" alt=""><br/>折800
                </li>
                <div style="clear:both"></div>
            </ul>
        </div>
        <div class="urls-nav">
            <ul class="urls">
                <li class="url sort"><a href="#">新闻</a></li>
                <li class="url"><a href="#">房产资讯</a></li>
                <li class="url"><a href="#">新浪</a></li>
                <li class="url"><a href="#">网易</a></li>
                <li class="url"><a href="#">腾讯</a></li>
                <div  style="clear:both"></div>
            </ul>
            <ul class="urls">
                <li class="url sort"><a href="#">财经</a></li>
                <li class="url"><a href="#">东方</a></li>
                <li class="url"><a href="#">和讯</a></li>
                <li class="url"><a href="#">新浪</a></li>
                <li class="url"><a href="#">凤凰</a></li>
                <div  style="clear:both"></div>
            </ul>
            <ul class="urls">
                <li class="url sort"><a href="#">汽车</a></li>
                <li class="url"><a href="#">二手车</a></li>
                <li class="url"><a href="#">新浪汽车</a></li>
                <li class="url"><a href="#">汽车之家</a></li>
                <li class="url"><a href="#">太平洋</a></li>
                <div class="clear" style="clear:both"></div>
            </ul>
        </div>
    </section>
      <footer>
          <div class="footer-nav">
          <ul class="footer-url">
              <li ><a href="#">首页</a></li>
              <li ><a href="#">新闻</a></li>
              <li ><a href="#">体育</a></li>
              <li ><a href="#">娱乐</a></li>
              <li ><a href="#">导航</a></li>
              <div class="clear" style="clear:both"></div>
          </ul>
          </div>
          <p>合作<br/>
        Copyright&copy;2016sona.com</p>
    </footer>                                                                                                                                                                                                                                                                   
</body>
</html>